<!DOCTYPE html>
<html>
  <head>
    <title>查看</title>
	<include file='public/head'>
	<style>
		.layui-legend-size{font-size:14px !important;}
		.layui-nopadding{padding:0 !important;}
		.layui-overflow{overflow:auto;}
		.layui-nomargin{margin: 0 !important;}
		.layui-bottom{border-bottom:1px solid rgb(226, 226, 226);}
		.layui-input{height:30px !important; }
		.layui-form-search-item .layui-inline{margin-bottom: 5px;} 
		.layui-form-search-item label{margin-left: 15px;}
		.layui-table-page {padding: 7px 0px 0px; }
		.layui-field-padding{border-width: 1px;padding:0 0 5px 10px;}
	</style>
</head>
<body>

<div class="layui-tab">
<form class="layui-form" id="f" method="post" >
  <table class="layui-table layui-nomargin" style="text-align: center;margin-top:20px">
    <tr>
      <td>反馈类型</td>
      <td>
        <input type="text" class="layui-input" value="{$data.type}" disabled>
      </td>
    </tr>
    <tr>
      <td>手机号</td>
      <td>
        <input type="text" class="layui-input" value="{$data.mobile}" disabled>
      </td>
    </tr>
    <tr height="250px">
      <td>反馈内容</td>
      <td>
        <textarea type="text" style="height:170px;width:700px;" disabled>{$data.content}</textarea>
      </td>
    </tr>
    <tr>
      <td>反馈图片</td>
      <td>
        <if condition="$data.img neq ''">
          <volist name="img" id="vo"> 
            
            <div onclick="show_img(this)" style="display:inline; margin-right:20px;">
              <img src="{$vo.img}">
            </div>
          </volist>
        </if>
      </td>
    </tr>
  </table>

</form>
</div>
</body>

<include file="public/scripts"/>

<script>
    function show_img(t) {
    var t = $(t).find("img");console.log(t);
    //页面层
    layer.open({
      type: 1,
      title: '查看大图',
      skin: 'layui-layer-rim', //加上边框
      area: ['100%', '100%'], //宽高 t.width() t.height()
      shadeClose: true, //开启遮罩关闭
      end: function (index, layero) {
        return false;
      },
      content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
      });
    }
</script>
</html>